//=================字体大小调整==========================//
@media (min-width: 320px) {
    html {
        font-size: 320/20 + px !important;
    }
}
@media (min-width: 360px) {
    html {
        font-size: 360/20 + px !important;
    }
}
@media (min-width: 375px) {
    html {
        font-size: 375/20 + px !important;
    }
}
@media (min-width: 414px) {
    html {
        font-size: 414/20 + px !important;
    }
}
@media (min-width: 650px) {
    html {
        font-size: 650/20 + px !important;
    }
}


//=================变量、函数和混合==========================//
@import "utility/functions";
@import "utility/variables";
@import "utility/mixins";


//=================normalize和公共布局样式==========================//
@import "base/normalize";
@import "base/typography";

//=================引入公共布局=================//
@import "layout/header"; //公共的header部分，设置了高度，对齐方式(居中对齐)，padding, ！！！浮动不可用
@import "layout/title";  //偏蓝色的大标题(失物招领，出售，江湖救急)

//=================每个模块的独立样式=================//




//=================公共组件引入=================//
@import "components/classify-icon";//分类进入的图片样式(定义图片的大小,iconfont的大小)
@import "components/round-header";//定义圆形头像的样式
